
<script lang="ts" setup>
	import {ref,} from "vue";
	
	let nume1 =6;
	
	let nume2 =ref(10);
	
	//定时器
	setInterval(()=>{
		nume2.value++;
	},1000)
</script>
<template>
	<view>
		<!-- <el-button type="info" class="bu">按钮</el-button> -->
		<!-- <hhh></hhh> -->
		<swiper indicator-dots indicator-color="#4cd964" circular interval="1000" vertical>
			<swiper-item><image src="../../static/cs.jpg" mode="aspectFill"></image></swiper-item>
			<swiper-item>22222</swiper-item>
			<swiper-item>33333</swiper-item>
			<swiper-item>44444</swiper-item>
		</swiper>
		
	</view>
	<view>
		<image src="../../static/cs.jpg" mode="" class="prc1"></image>
		<image src="../../static/cs.jpg" mode="" class="prc1"></image>
		
	</view>
	
	<view>
		<button size="default" disabled loading>按钮</button>
	</view>
	<view>
		<input placeholder="请输入内容" type="tel" password/>
	</view>
	
	<view>
		<view>{{nume1}}</view>
		<view>{{nume2}}</view>
	</view>
	
	<view >
		<uni-countdown color="#FFFFFF" background-color="#00B26A" border-color="#00B26A" :day="1" :hour="2" :minute="30" :second="0"></uni-countdown>
	</view>
</template>



<style lang="scss">
.prc1{
	width: 150px;
	height:150px ;
}
swiper{
	width:100%;
	height: 200rpx;
	border: 1px solid green;
	swiper-item{
		width:100%;
		height: 100%;
		background-color: pink;
		image{
			width:100%;
			height: 100%;
		}
	}
	swiper-item:nth-child(2n){
		background-color: orange;
	}
}
</style>
